<!DOCTYPE HTML>
<html>
<head>
	<meta http-equiv="content-type" content="text/html" />
	<meta name="author" content="KennyVu" />

	<title><?php bloginfo("name");?></title>
    <link href="<?php bloginfo('stylesheet_url')?>" rel="stylesheet" type="text/css"/>
    
    <link href="<?php echo bloginfo('template_directory') . '/css/reset.css'; ?>" rel="stylesheet" type="text/css"/>
    <link href="<?php echo bloginfo('template_directory') . '/css/layout.css'; ?>" rel="stylesheet" type="text/css"/>
    <link href="<?php echo bloginfo('template_directory') . '/css/typography.css'; ?>" rel="stylesheet" type="text/css"/>
    <link href="<?php echo bloginfo('template_directory') . '/js/nivo-slider/css/nivo-slider.css'; ?>" rel="stylesheet" type="text/css"/>
    <link href="<?php echo bloginfo('template_directory') . '/js/nivo-slider/themes/default/default.css'; ?>" rel="stylesheet" type="text/css"/>
    <link href="<?php echo bloginfo('template_directory') . '/js/nivo-slider/themes/bar/bar.css'; ?>" rel="stylesheet" type="text/css"/>
    <link href="<?php echo bloginfo('template_directory') . '/js/nivo-slider/themes/dark/dark.css'; ?>" rel="stylesheet" type="text/css"/>
    <link href="<?php echo bloginfo('template_directory') . '/js/nivo-slider/themes/light/light.css'; ?>" rel="stylesheet" type="text/css"/>
    
    <script type="text/javascript" src="<?php echo bloginfo('template_directory') . '/js/jquery-1.10.2.min.js'; ?>" ></script>
    <script type="text/javascript" src="<?php echo bloginfo('template_directory') . '/js/jquery-ui.js'; ?>" ></script>
    <script type="text/javascript" src="<?php echo bloginfo('template_directory') . '/js/jquery.easing.1.3.js'; ?>" ></script>
    <script type="text/javascript" src="<?php echo bloginfo('template_directory') . '/js/jquery.validate.js'; ?>" ></script>
    <script type="text/javascript" src="<?php echo bloginfo('template_directory') . '/js/jquery-migrate-1.2.1.min.js'; ?>" ></script>
    
</head>

<body>

<div id="wrapper" class="width-100per">
    <!---- HEADER ----->
    <div id="header-cover" class="width-100per">
        <div id="header" class="div-center width-x1000">
            <p class="padding-left-x10 uppercase floatleft" >
            <a id="logo" class="uppercase" href="<?php bloginfo('siteurl') ?>"><span><?php bloginfo('title')?></span></a>
            <span id="description" ><?php bloginfo('description')?></span>
            </p>
            <!---- NAVIGATE MENU ----->
            <div id="navigate-menu" class="floatright small" style="color: #d5d5d5; letter-spacing: 1px;">
                <?php
                    wp_nav_menu(array('theme_location' => 'menu-1','fallback_cb' => 'alert_menu','container_class' => 'nav_menu_items'));
                ?>
            </div>
            <script>
            $(document).ready(function() {
                var path = window.location.href;
                if ( path )
                {
                    $('.nav_menu_items li a[href$="' + path + '"]').parent().addClass( 'active');
                };
            });
            </script>
            <div class="clear"></div>
        </div>
    </div>